<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>下拉菜单选择</title>
    <link rel="stylesheet" href="style.css">
    <script src="../../jQuery/jquery-3.3.1.min.js"></script>
    <script src="jquery.select.1.0.0.js"></script>
</head>
<body>
<p style="margin-left: 100px; margin-top: 50px;">城市选择</p>
<div class="hubt-select">
    <select name="" id="hit-city">
        <option value="0">成都</option>
        <option value="1">重庆</option>
        <option value="2">西安</option>
        <option value="3">北京</option>
        <option value="4">山西</option>
        <option value="5">上海</option>
        <option value="6">广东</option>
    </select>
</div>
<p style="margin-left: 100px; margin-top: 50px;">国籍选择</p>
<div class="hubt-select">
    <select name="" id="nationality">
        <option value="0">中国</option>
        <option value="1">美国</option>
        <option value="2">德国</option>
        <option value="3">英国</option>
        <option value="4">加拿大</option>
        <option value="5">俄罗斯</option>
    </select>
</div>
<p style="margin-left: 100px; margin-top: 50px;">国籍选择-待搜索</p>
<div class="hubt-select">
    <select name="" id="nationa-lity">
        <option value="0">中国</option>
        <option value="1">美国</option>
        <option value="2">德国</option>
        <option value="3">英国</option>
        <option value="4">加拿大</option>
        <option value="5">俄罗斯</option>
        <option value="6">白俄罗斯</option>
    </select>
</div>
<script>
    HubtSel(".hubt-select","#hit-city","请选择城市");
    HubtSel(".hubt-select","#nationality","请选择国籍");
    HubSel(".hubt-select","#nationa-lity","请选择国籍");
</script>
</body>
</html>